The following forms were all created with the Constructor form wizard. Details of how each form was created can be found underneath the form itself. You can feel free to copy these forms into your own pages.
Form 1
Description
This form demonstrates one of the most common uses of forms in web pages - as a way of navigation in the site. You can select the name of the page you want to go to and click on Go to load the page.
How to make it
Load the form wizard and click on the Combo Box button on the left. This will bring up the page to create the drop-down list. Enter "Address" as the ID for the combo box - this will be refered to later when writing the script to load the page. You can then add all the items to the drop-down list. The Item Text field contains the text which is shown in the list, for example "Frame Example". The Item Value contains the name of the file to load when that item is selected, for example "frames.html". Move between the cells in the grid by pressing Tab, and the grid will expand when necessary so you can add more items. Once you have entered all the items, click on the Add Control button. This will generate the HTML code needed for the control and add it to the form.
We now need to add the Go button. Click on the Button control on the left. Enter "Go" as both the ID and Text - you could set the text to something else but "Go" seems to be a standard across the web. Under Action we need to enter the script which will load the selected page. To load another page, you assign the file name to the "location" property of "window". To do this, enter "window.location=Address.value". The "value" property of the combo box, "Address", contains the Item Value set for the selected item. This script is written in Javascript, so select Javascript from the Language selection. Again, click on Add Control to convert the settings to HTML. Since we do not want to add any other controls to the form, click on Finish to insert the form into the current page.
Form 2
Description
This form can be used to send e-mail without the user loading their own e-mail program. The form uses a server-side script writen in Perl. Many of these scripts are available on the Internet from many of the share ware sites. Each script will require the controls to be named slightly differently, but you should be able to get the details of what to name each control as from the author of the script you are using. The names of the controls in this example are based on the script available to U-Net customers.
How to write it
The first item in the form is the To combo box, so when you load the form wizard, click on the Combo Box control. For this script, it must have "recipeint" as it's ID. Enter the actual names of the recipients in the Item Text field for each item, and their e-mail address in the Item Value field. This allows people to select the recipient by name, but the script will have access to their e-mail address. Once you have entered everyone's details, click on Add Control. The final e-mail will be sent to the address specified as the value for the selected item.
When you receive an e-mail, you always get to know the e-mail address of the person who sent it. This is the purpose of the From text box. Click on the Text Box button, and set the ID to "email". Again, this will probably be different if you use a different script. You want people to be able to change the contents of the text box, so leave Read Only off. You also do not want the control to be huge, so reduce the Control Size to around 40. Click on Add Control again.
Next we want to add the drop-down list of subjects. This will set the subject line of the e-mail you receive. Again, click on the Combo Box button, and name the control "subject". Set the Item Text to some descriptive text, and the Item Value to the subject you want the e-mail to have when the user selects that item. Click on Add Control.
The user still needs a method of typing in the actual message. Unless you only want a single-line message, click on the Multi-line Text Box button. This control should be named "comments". A reasonable size for this control is 40 character-long lines, and 10 lines. You should also enable word-wrapping unless you want to annoy the people using the form. Set Word Wrap to physical if you want the lines to be wrapped in exactly the same way when you receive them, but if you select virtual word wrapping then the text will be sent as long lines but will appear to be wrapped to the user. You can also specify some default text by typing in to the Text box. Click on Add Control.
Since the form uses an external script, you will need a submit button to send all the information from the form to the script. Click on the Submit button. You can name this button as anything you want, and you can also change the text which will be shown on the button. The button will automatically be resized so that all the text will fit on it. An appropriate Text value would be "Send". Click on Add Control. You should also include a Reset button to clear all the information from the form and start again. You can create this button in the same way as for the submit button.
Finally, the script which I am using allows you to set one or more fields as required, i.e. the message will not be sent unless that field is filled in. You do not want a control with this information in to be visible, so select Hidden from the available controls, set it's ID to "required" and it's text to "email" to force people to enter their e-mail address. Again, you will have to check with the author of your script on how to do this - some scripts may have this functionality built in and not customisable in this way.
You must now enter the name of the script you are going to send the information to. Enter the file name into the Form Action text box at the bottom of the wizard. The author of the script should also tell you whether you should set the Form Method to Get or Post. Click on Finish to insert the form into your page.